//导入获取用户信息方法
import { reqUserInfo,reqUpdataUser } from '../../api/index';

// 先拿到地址栏中的查询字符串
function getQueryValue(name) {
    var str = location.href.split('?');
    var query = str[1];
    var vars = query.split('&');
    for (var i = 0; i < vars.length; i++) {
        var pair = vars[i].split('=');
        if (pair[0] == name) {
            return pair[1];
        }
    }
}

// 获取响应元素 用来添加数据
let userUpdateForm = document.getElementById('userUpdateForm')
let usernameInp = document.getElementById('username');
let profileInp = document.getElementById('profile');
let idInp = document.getElementById('_id');
let prevImg = document.getElementById('prevImg');

// 获取需要修改的用户信息
async function getUserFn() {
    let id = getQueryValue('id');
    let {data} = await reqUserInfo(id);


    if(!data){
        alert('未传入有效id')
        window.location = '/users.html';
        return ;
    }
    
    usernameInp.value = data.username;
    idInp.value = data._id;

    // 需要同步头像
    prevImg.src = 'http://localhost:8081'+data.profile;
}

// 初始化数据
getUserFn();


// 预览头像
profileInp.onchange = function(e){
    
    // 读取文件对象
    let fileReader = new FileReader();

    // 获取文件
    let file = e.target.files[0];

    // 使用base64方式读取文件
    fileReader.readAsDataURL(file);

    // 当文件读取完毕
    fileReader.onload = function(){
        // 获取到 读取完成后的base64数据
       let profile =  fileReader.result;

    //将预览图片的src更新
       prevImg.src = profile;

    }

}


// 更新用户
userUpdateForm.onsubmit=async function(e){
    e.preventDefault();

    let userVal = usernameInp.value;
    let fileVal = profileInp.value;

    // 数据验证
    if(!userVal){
        return alert('用户名为空');
    }
    if(!fileVal){
        return alert('头像为空');
    }

    let formDate = new FormData(userUpdateForm);

    //发送修改请求
    let result = await reqUpdataUser(formDate);

    if(result.code === 2000){
        alert('更新成功');

        window.location = '/users.html';
    }
}

// function getSearchFn(key) {
//     // 截取地址栏查询信息
//     // 获取地址栏信息
//     console.log(window.location.href);

//     let href = window.location.href;

//     // 查询字符串在？右面
//     let arr = href.split('?');

//     console.log(arr[1]);

//     let arr2 = arr[1].split('=');

//     console.log(arr2[1]);

//     return arr2[1]
// }

// getSearchFn();